<template>
    <div>
        <div class="title">
            我的团队
        </div>

      <div>

         <div v-for="(item,index) in list" :key="index" class="list-item">
           
          <div style="display: flex;align-items: center;">
            <img :src="item.img" />
            <div class="list-name">{{ item.name }}</div>
          </div>

          <div class="list-right">
           <div class="list-right-Text"> <span>返佣：</span><span class="list-right-num">￥200</span> </div>
           <div style="color: #999999;">  {{ item.riqi }}</div>
          </div>

         </div>

      </div>
      

    </div>
</template>

<script>
    export default {
        name:"newteam",
data () {
    return {
        list:[
            {
                img:"https://www.keaitupian.cn/cjpic/frombd/0/253/3680147856/2045951790.jpg",
                name:"但是你发射东风农机卡戴珊就翻翻记录",
                num:51656,
                riqi:"2024-12-12 09:02:20"
            },
            {
                img:"https://www.keaitupian.cn/cjpic/frombd/0/253/3680147856/2045951790.jpg",
                name:"但是你发射东风农机卡戴珊就翻翻记录",
                num:51656,
                riqi:"2024-12-12 09:02:20"
            },
            {
                img:"https://www.keaitupian.cn/cjpic/frombd/0/253/3680147856/2045951790.jpg",
                name:"但是你发射东风农机卡戴珊就翻翻记录",
                num:51656,
                riqi:"2024-12-12 09:02:20"
            },
            {
                img:"https://www.keaitupian.cn/cjpic/frombd/0/253/3680147856/2045951790.jpg",
                name:"但是你发射东风农机卡戴珊就翻翻记录",
                num:51656,
                riqi:"2024-12-12 09:02:20"
            },
            {
                img:"https://www.keaitupian.cn/cjpic/frombd/0/253/3680147856/2045951790.jpg",
                name:"但是你发射东风农机卡戴珊就翻翻记录",
                num:51656,
                riqi:"2024-12-12 09:02:20"
            },
            {
                img:"https://www.keaitupian.cn/cjpic/frombd/0/253/3680147856/2045951790.jpg",
                name:"但是你发射东风农机卡戴珊就翻翻记录",
                num:51656,
                riqi:"2024-12-12 09:02:20"
            }
        ]
    }
}
    }
</script>

<style lang="less" scoped>
.list-right-Text{
    margin-bottom: 9px;
}
.list-right-num{
 
font-family: DIN Alternate, DIN Alternate;
font-weight: bold;
font-size: 20px;
color: #1E9B23;
text-align: left;
font-style: normal;
text-transform: none;
}
.list-right{
    text-align: right;
    font-size: 14px;
    color: #747474;
    padding-right: 24px;
}
.list-name{

font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 16px;
color: #2C2C2C;
line-height: 20px;
text-align: left;
font-style: normal;
text-transform: none;
padding-left: 16px;
}
.list-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;
      border-bottom: 1px solid #EBEEF5;
      padding-left: 24px;
      height: 120px;
    }
    .list-item img{
        width: 120px;
        height: 74px;
    }

.title{
height: 56px;
background: #FFFFFF;
line-height: 56px;
border-radius: 0px 0px 0px 0px;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 16px;
color: #333333;
font-style: normal;
text-transform: none;
border-bottom: 4px solid #F5F5F5;
padding-left: 32px;
}
</style>